<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" href="http://css.self.com.cn/self/www/css/reset.css" />
<link rel="stylesheet" href="http://css.self.com.cn/self/www/css/global.css" />

<link rel="stylesheet" href="../css/common.css">
<!--需迁移-->
<link rel="stylesheet" href="../css/new_layer.css">

</head>
<body style="background:#000;">
<!--y轴定位需要比实际值减40px，下面这层top值写的是50，实际定位在y轴90px的位置-->
<!--申请成功-->
<div class="layer-position" style="left:50px; top:50px; width:470px;  padding:20px 0; ">
  	<div class="layers-wrap"> 
      <b class="tl"></b> 
      <b class="tr"></b>
      <div class="outer">
        <div class="inner">
          <!--developer-->
          <div class="inner-child">
          	<div class="content">
			<h2>提交成功</h2>
            <p class="spe_txt">恭喜您，试用申请提交成功！请等待管理员审核</p>
            <p><a href="#">申请其他试用产品 &gt;&gt;</a></p>
            <p><a href="#">去化妆品库个人中心 &gt;&gt;</a></p>
            </div>
          </div>
          <!--/developer-->
        </div>
      </div>
      <b class="bl"></b> 
      <b class="br"></b> 
      </div>
</div>
<!--/申请成功-->

<!--意见反馈-->
<div class="layer-position" style="left:50px; top:400px; width:470px;  padding:20px 0;">
  	<div class="layers-wrap"> 
      <b class="tl"></b> 
      <b class="tr"></b>
      <div class="outer">
        <div class="inner">
          <!--developer-->
          <div class="inner-child">
          	<div class="content">
			<h2>提交成功</h2>
            <p class="spe_txt">意见反馈提交成功，感谢您对悦己试用中心的支持！</p>
            <p><a href="#">返回试用中心首页 &gt;&gt;</a></p>
            </div>
          </div>
          <!--/developer-->
        </div>
      </div>
      <b class="bl"></b> 
      <b class="br"></b> 
      </div>
</div>
<!--/意见反馈-->

<!--表单-->
<div class="layer-position" style="left:50px; top:800px; width:690px;  padding:20px 0;">
  	<div class="layers-wrap"> 
      <b class="tl"></b> 
      <b class="tr"></b>
      <div class="outer">
        <div class="inner">
          <!--developer-->
          <div class="inner-child">
			<div class="forms-m">
            	<h2>添加收货地址</h2>
                
                  <dl class="clearfix">
                    <dt><b class="star">*</b>姓<b class="w2em"></b>名：</dt>
                    <dd><input name="" type="text" class="text-w250"></dd>
                    <dd><span class="forms-tips">请输入真实姓名</span></dd>
                  </dl>
                  <dl class="clearfix">
                    <dt><b class="star">*</b>收货地址：</dt>
                    <dd>
                      <select name="" id="" class="sel-date">
                        <option value="">请选择</option>
                      </select><select name="" id="" class="sel-date">
                        <option value="">请选择</option>
                      </select><select name="" id="" class="sel-date">
                        <option value="">请选择</option>
                      </select>
                    </dd>
                    <dd><span class="forms-tips"></span></dd>
                  </dl>
                  <dl class="clearfix">
                    <dt>&nbsp;</dt>
                    <dd><input name="" type="text" class="text-w406"></dd>
                    <dd><span class="forms-tips">请输入收货地址</span></dd>
                  </dl>
                  <dl class="clearfix">
                    <dt><b class="star">*</b>邮<b class="w2em"></b>编：</dt>
                    <dd><input name="" type="text" class="text-w250"></dd>
                    <dd><span class="forms-tips">请输入邮编</span></dd>
                  </dl>
                  <dl class="clearfix">
                    <dt><b class="star">*</b>手<b class="w2em"></b>机：</dt>
                    <dd><input name="" type="text" class="text-w250"></dd>
                    <dd><span class="forms-tips">请输入正确的手机号</span></dd>
                  </dl>
                  <dl class="btn clearfix">
                    <dt>&nbsp;</dt>
                    <dd><span class="btns-b"><a class="" href="#">保存</a></span>我们将保护您的信息隐私，收货地址仅为寄送产品使用</dd>
                  </dl>
                </div>
          </div>
          <!--/developer-->
        </div>
      </div>
      <b class="bl"></b> 
      <b class="br"></b> 
      </div>
</div>
<!--/表单-->

<!--登录-->
<div class="layer-position" style="left:50px;top:1300px; width:555px;  padding:20px 0;">
  	<div class="layers-wrap"> 
      <b class="tl"></b> 
      <b class="tr"></b>
      <div class="outer">
        <div class="inner">
          <!--developer-->
          <div class="inner-child">
          	<div class="login_content">
				<div class="new_user">
                	<h2>申请试用</h2>
                    <p>新用户 轻松两步完成申请：</p>
                    <div class="btn"><a href="#">新用户快速申请</a></div>
                </div>
                <div class="info_login">
                  <p>老用户 请登录后进行申请：</p>
                  <div class="alert" style="visibility:;">错误提示</div>
                  <ul class="form_login">
                        <li class="username"><em>用户名</em>
                      <input type="text" name="" id="" 　／="">
                    </li>
                        <li class="password"><em>密　码</em>
                      <input type="password" name="" id="" ／="">
                    </li>
                        <li><span class="fr"><a href="">忘记密码</a></span>
                      <input type="checkbox" name="rem_login" id="rem_login">
                      <label for="rem_login">记住登录状态</label>
                    </li>
                      </ul>
                  <div class="cont_btn"><a href="" class="btn_login" title="登录"></a></div>
                  <div class="other_login"><a href="#"><i class="icon_weibo"></i>微博登录</a><a href="#"><i class="icon_qq"></i>QQ登录</a></div>
                </div>
            </div>
          </div>
          <!--/developer-->
        </div>
      </div>
      <b class="bl"></b> 
      <b class="br"></b> 
      </div>
</div>
<!--/登录-->

<!--保存成功-->
<div class="layer-position" style="left:750px; top:50px; width:340px;  padding:20px 0; ">
  	<div class="layers-wrap"> 
      <b class="tl"></b> 
      <b class="tr"></b>
      <div class="outer">
        <div class="inner">
          <!--developer-->
          <div class="inner-child">
          	<div class="content">
			<h2>保存成功</h2>
            </div>
          </div>
          <!--/developer-->
        </div>
      </div>
      <b class="bl"></b> 
      <b class="br"></b> 
      </div>
</div>
<!--/保存成功-->

<!--发布成功-->
<div class="layer-position" style="left:750px; top:400px; width:470px;  padding:20px 0; ">
  	<div class="layers-wrap"> 
      <b class="tl"></b> 
      <b class="tr"></b>
      <div class="outer">
        <div class="inner">
          <!--developer-->
          <div class="inner-child">
          	<div class="content">
			<h2>发布成功</h2>
            <p class="spe_txt">恭喜你，试用报告发布成功，请等待管理员审核。</p>
            <p><a href="#">立即查看 &gt;&gt;</a></p>
            </div>
          </div>
          <!--/developer-->
        </div>
      </div>
      <b class="bl"></b> 
      <b class="br"></b> 
      </div>
</div>
<!--/发布成功-->

<!--上传头像-->
<div class="layer-position" style="left:750px; top:800px; width:500px;  padding:20px 0; ">
  	<div class="layers-wrap"> 
      <b class="tl"></b> 
      <b class="tr"></b>
      <div class="outer">
        <div class="inner">
          <!--developer-->
          <div class="inner-child">
          	<div class="forms-m">
			<h2>上传头像</h2>
			<div class="flash_wrap">
            	<img src="../images/temp/layer_flash1.png" />
            </div>
            </div>
          </div>
          <!--/developer-->
        </div>
      </div>
      <b class="bl"></b> 
      <b class="br"></b> 
      </div>
</div>

<div class="layer-position" style="left:750px; top:1200px; width:500px;  padding:20px 0; ">
  	<div class="layers-wrap"> 
      <b class="tl"></b> 
      <b class="tr"></b>
      <div class="outer">
        <div class="inner">
          <!--developer-->
          <div class="inner-child">
          	<div class="forms-m">
			<h2>上传头像</h2>
			<div class="flash_wrap">
            	<img src="../images/temp/layer_flash2.png" />
            </div>
            </div>
          </div>
          <!--/developer-->
        </div>
      </div>
      <b class="bl"></b> 
      <b class="br"></b> 
      </div>
</div>

<div class="layer-position" style="left:750px; top:1600px; width:500px;  padding:20px 0; ">
  	<div class="layers-wrap"> 
      <b class="tl"></b> 
      <b class="tr"></b>
      <div class="outer">
        <div class="inner">
          <!--developer-->
          <div class="inner-child">
          	<div class="content2">
			<h2>上传头像</h2>
			<div class="flash_wrap">
            	<img src="../images/temp/layer_flash3.png" />
            </div>
            </div>
          </div>
          <!--/developer-->
        </div>
      </div>
      <b class="bl"></b> 
      <b class="br"></b> 
      </div>
</div>
<!--/上传头像-->

<!--上传图片-->
<div class="layer-position" style="left:50px; top:1800px; width:450px;  padding:20px 0; ">
  	<div class="layers-wrap"> 
      <b class="tl"></b> 
      <b class="tr"></b>
      <div class="outer">
        <div class="inner">
          <!--developer-->
          <div class="inner-child">
          	<div class="content2">
			<h2>上传图片</h2>
			<div class="btn">
            	<a href="#" class="M_btn1">选择图片上传<input type="file" class="input_file" /></a>
                <span>最多同时上传8张/<em>超出的图片请另外上传</em></span>
            </div>
            <div class="upload_img">
            	<p class="title">已上传的图片：</p>
                <ul class="img_list">
                	<li><img src="../images/temp/temp_88x88.jpg" title="图片名称" alt="图片名称" /><p class="img_delete"><a href="#">删除</a></p></li>
                	<li><img src="../images/temp/temp_88x88.jpg" title="图片名称" alt="图片名称" /><p class="img_delete"><a href="#">删除</a></p></li>
                	<li><img src="../images/temp/temp_88x88.jpg" title="图片名称" alt="图片名称" /><p class="img_delete"><a href="#">删除</a></p></li>
                	<li><img src="../images/temp/temp_88x88.jpg" title="图片名称" alt="图片名称" /><p class="img_delete"><a href="#">删除</a></p></li>
                	<li><img src="../images/temp/temp_88x88.jpg" title="图片名称" alt="图片名称" /><p class="img_delete"><a href="#">删除</a></p></li>
                	<li><img src="../images/temp/temp_88x88.jpg" title="图片名称" alt="图片名称" /><p class="img_delete"><a href="#">删除</a></p></li>
                	<li><img src="../images/temp/temp_88x88.jpg" title="图片名称" alt="图片名称" /><p class="img_delete"><a href="#">删除</a></p></li>
                	<li><img src="../images/temp/temp_88x88.jpg" title="图片名称" alt="图片名称" /><p class="img_delete"><a href="#">删除</a></p></li>
                </ul>
                <div class="center_btn">
                	<a href="#" class="btns-confirm">确定</a><a href="#">取消</a>
                </div>
            </div>
            </div>
          </div>
          <!--/developer-->
        </div>
      </div>
      <b class="bl"></b> 
      <b class="br"></b> 
      </div>
</div>
<!--/上传图片-->

</body>
</html>